<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ,minimum-scale=1.0 ,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>订单详情</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/iconfont.css"/>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/area.js"></script>
    <style>
        .content{}
        .receiver{padding: 12px;}
        .title{font-size: 15px;color: #333;padding-bottom: 12px;}
        .receiver .r-info{line-height: normal;}
        .receiver .r-info span{font-size: 14px;color: #666;font-weight: normal;margin-right: 20px;}
        .receiver .addr{font-size: 12px;margin-top: 8px;}
        .receiver .addr i{margin-right: 5px;font-size: 14px;}

        .product{padding: 12px;border-top: 4px solid #ededf3;border-bottom: 4px solid #ededf3;}
        .product .box{display: box;display: -webkit-box;}
        .product .box .img{width: 60px;height: 60px;background-size: cover;background-position: center;border: 1px solid #d7d7d7;}
        .product .box .right{box-flex: 1;-webkit-box-flex: 1;margin-left: 12px;}
        .product .box .right .p-title{font-size: 14px;color: #333;}
        .product .box .right .num{font-size: 12px;margin-top: 5px;}
        .product .box .right .integral{text-align: right;color: #ffc10c;}
        footer{height: 50px;}
        footer div{position: fixed;left: 0;bottom: 0;width: 100%;}
        footer div a{display: block;line-height: 50px;color: #fff;font-size: 18px;background-color: #ffc10c;text-align: center;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
<header class="header header2">
    <div class="header-fixed">
        <div class="left">
            <a href="javascript:window.history.back();">
                <i class="iconfont icon-arrowleft"></i>
            </a>
        </div>
        <div class="center">订单详情</div>
    </div>
</header>
<div class="content">
    <div class="receiver">
        <p class="title">收货人信息</p>
        <p class="r-info">
            <span class="name">张小明</span>
            <span class="phone">15685357521</span>
        </p>
        <p class="addr"><i class="iconfont icon-dingwei"></i>四川省成都市高新区美年广场A座135</p>
    </div>
    <div class="product">
        <p class="title">产品信息</p>
        <div class="box">
            <div class="img" style="background-image: url('../img/pic_1.png')"></div>
            <div class="right">
                <p class="p-title">苹果iphone6s 16g 全网通4G手机 玫瑰金</p>
                <p class="num">x1</p>
                <p class="integral"><i class="iconfont icon-jifen"></i>1000</p>
            </div>
        </div>
    </div>
</div>
<footer>
    <div>
        <a href="../html/redeem_success.html">立即兑换</a>
    </div>
</footer>
</body>
</html>